<template>
  <div class="container">
    <div v-for="item, index in items" class="item">{{index}}</div>
  </div>
</template>

<script>
  import {
    mapState
  } from 'vuex'
  export default {
    name: 'Index',
    data() {
      return {
        items: [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
      }
    },
    computed: {},
    watch: {
      '$route' (to, from) {}
    }
  }
</script>

<style lang="less" scoped>
  .container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    .item {
      width: 30vw;
      height: 30vw;
      margin-bottom: 5vw;
      background: cyan;
    }
  }
</style>
